<template>
  <div id="app">
    <MyHeader />
    <router-view />
    <Footer />
  </div>
</template>

<script>
  import MyHeader from './components/MyHeader.vue'
  import MyFooter from './components/MyFooter.vue'

  export default {
    name: 'App',
    components: {
      MyHeader,
      MyFooter
    }
  }
</script>

<style>
  /* 全局样式 */
  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
  }

  #app {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }
</style>